<!doctype html>
<html>
<head>
    <meta charSet="utf-8"/>
    <title>html模板</title>
</head>
<body>
<!--<link rel="stylesheet/less" type="text/css" href="./theme.color.less"/>-->
<script>
  const getColorHref = () =>{
    return (window.publicPath + 'color.less?v=' +
      Math.floor(Math.random() * 1000000000))
  }
  !(function (window) {
    this.theme = document.getElementById('theme')
    if (this.theme === null) {
      this.theme = document.createElement('link')
      this.theme.rel = 'stylesheet/less'
      this.theme.type = 'text/css'
      this.theme.charset = 'utf-8'
      this.theme.href = getColorHref()
      this.theme.id = 'theme'
      let s = document.getElementsByTagName('body')[0]
      s.appendChild(this.theme)
    }
  })(window)
</script>
<div id="root"></div>
<script src="https://cdn.bootcss.com/less.js/2.7.3/less.min.js"></script>
</body>
</html>
